$(function(){
    //sku规格的值发生改变时,进行表格创建
    $(document).on("change",'.cusSkuValInput',function(){
        var skuTypeArr =  [];//存放SKU类型的数组
        var totalRow = 1;//总行数
        //订单类型
        var proType = $("#proTypeVal").val();
        //获取元素类型
        $(".SKU_TYPE").each(function(){
            //SKU类型节点
            var skuTypeNode = $(this).children("li");
            var skuTypeObj = {};//sku类型对象
            //SKU属性类型标题
            skuTypeObj.skuTypeTitle = $(skuTypeNode).attr("sku-type-name");
            skuValueArr = [];//存放SKU值的数组
            //SKU相对应的节点
            var skuValNode = $(this).next();
            //获取SKU
            var skuValCheckBoxs = $(skuValNode).find("input[type='checkbox'][class*='sku_value']");
            var checkedNodeLen = 0 ;//选中的SKU节点的个数
            $(skuValCheckBoxs).each(function(){
                var skuValObj = {};//SKU值对象
                skuValObj.skuValueTitle = $(this).val();//SKU值名称
                skuValueArr.push(skuValObj);
                checkedNodeLen ++ ;
            });
            if(skuValueArr && skuValueArr.length > 0){
                totalRow = totalRow * skuValueArr.length;
                skuTypeObj.skuValues = skuValueArr;//sku值数组
                skuTypeObj.skuValueLen = skuValueArr.length;//sku值长度
                skuTypeArr.push(skuTypeObj);//保存进数组
            }
        });
        //sku图片上传
        /*var idIndex = 0;
        var skuUpload = "";
        skuUpload += '<td><div class="skuUpload">';
        skuUpload += '<label for=\'sku'+idIndex+'\' class="layui-btn layui-btn-sm layui-btn-primary">上传图片</label>';
        skuUpload += '<input id=\'sku'+idIndex+'\' accept=".jpg,.png,.gif,.jpeg" type="file" style="display:none;" onchange="showImg(this)"/>';
        skuUpload += '<img width="80px" height="80px" style="margin-top: 5px" />';
        skuUpload += '</div></td>';*/
        //sku表格数据
        var SKUTableDom = "";
        //创建行
        SKUTableDom += "<table id='demo' class='layui-table skuTable'><tr>";
        //创建表头
        for(var t = 0 ; t < skuTypeArr.length ; t ++){
            SKUTableDom += '<th style="text-align: center!important;font-weight: bold">'+skuTypeArr[t].skuTypeTitle+'</th>';
        }
        SKUTableDom += '<th style="text-align: center!important;font-weight: bold">库存<br>';
        SKUTableDom += '<input id="stockBatch" type="text" class="batch" onchange="batchSet(1)"></th>';
        if(proType!=4){
            SKUTableDom += '<th style="text-align: center!important;font-weight: bold">成本价<br>';
            SKUTableDom += '<input id="costBatch" type="text" class="batch" onchange="batchSet(2)"></th>';
            SKUTableDom += '<th style="text-align: center!important;font-weight: bold">建议销售价<br>';
            SKUTableDom += '<input id="priceBatch" type="text" class="batch" onchange="batchSet(3)"></th>';
        }
        if(proType==3){
            SKUTableDom += '<th style="text-align: center!important;font-weight: bold;">团购单价<br>';
            SKUTableDom += '<input id="groupBatch" type="text" class="batch groupPriceSet" onchange="batchSet(4)"></th>';
        }
        if(proType==4){
            SKUTableDom += '<th style="text-align: center!important;font-weight: bold;">积分<br>';
            SKUTableDom += '<input id="pointBatch" type="text" class="batch pointSet" onchange="batchSet(5)"></th>';
        }
        SKUTableDom += '<th style="text-align: center!important;font-weight: bold">单位</th>';
        SKUTableDom += '<th style="text-align: center!important;font-weight: bold">SKU编码</th></tr>';
        // SKUTableDom += '<th style="text-align: center!important;font-weight: bold">图片上传</th></tr>';
        //循环处理表体
        for(var i = 0 ; i < totalRow ; i ++){//总共需创建多少行
            var currRowDoms = "";
            var rowCount = 1;//记录行数
            var propvalnameArr = [];//SKU值名称
            var propNameArr = [];//属性名称
            for(var j = 0 ; j < skuTypeArr.length ; j ++){
                var skuValues = skuTypeArr[j].skuValues;//SKU值数组
                var skuValueLen = skuValues.length;//sku值长度
                rowCount = (rowCount * skuValueLen);//目前的生成的总行
                var anInterBankNum = (totalRow / rowCount);
                var point = ((i / anInterBankNum) % skuValueLen);
                propNameArr.push(skuTypeArr[j].skuTypeTitle);
                if(0  == (i % anInterBankNum)){//需创建的td
                    currRowDoms += '<td rowspan='+anInterBankNum+'>'+skuValues[point].skuValueTitle+'</td>';
                    propvalnameArr.push(skuValues[point].skuValueTitle);
                }else{
                    //当前单元格为跨行
                    propvalnameArr.push(skuValues[parseInt(point)].skuValueTitle);
                }
            }
            SKUTableDom += '<tr propvalnames=\''+propvalnameArr.join(";")+'\' propnames=\''+propNameArr.join(";")+'\' class="sku_table_tr">'+currRowDoms;
            SKUTableDom += '<td width="10%"><input type="text" autocomplete="off" name="stock" class="input-this stock" value=""/></td>';
            if(proType!=4){
                SKUTableDom += '<td width="10%"><input type="text" autocomplete="off" name="cost" class="input-this cost" value=""/></td>';
                SKUTableDom += '<td width="10%"><input type="text" autocomplete="off" name="price" class="input-this price" value=""/></td>';
            }
            if(proType==3){
                SKUTableDom +=
                    '<td width="10%"><input type="text" autocomplete="off" name="groupPrice" class="input-this groupPrice" value=""/></td>';
            }
            if(proType==4){
                SKUTableDom +=
                    '<td width="10%"><input type="text" autocomplete="off" name="point" class="input-this point" value=""/></td>';
            }
            SKUTableDom +=
                '<td width="8%"><input type="text" autocomplete="off" disabled class="unit" value=""/></td>' +
                '<td width="10%"><input type="text" autocomplete="off" name="stock" class="input-this skuCode" ' +
                'value="" onkeyup="ValidateValue(this)"/></td>';
            /*SKUTableDom += '<td width="10%"><div class="skuUpload">';
            SKUTableDom += '<label for=\'sku'+idIndex+'\' class="layui-btn layui-btn-sm layui-btn-primary">上传图片</label>';
            SKUTableDom += '<input id=\'sku'+idIndex+'\' accept=".jpg,.png,.gif,.jpeg" type="file" style="display:none;" onchange="showImg(this)"/>';
            SKUTableDom += '<img width="80px" height="80px" style="margin-top: 5px" />';
            SKUTableDom += '</div></td>';*/
            SKUTableDom += '</tr>';
            idIndex ++;
        }
        SKUTableDom += "</table>";
        $("#skuTable").html(SKUTableDom);
    });
});